<!DOCTYPE html>
<html lang="en" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>注意事项</title>
    <script src="../js/vue-dev.js"></script>
</head>
<body>

    <div id="app_for">
        <ul>
            <li v-for="item in items">
                <p>Fruit Name:{{item.name}}</p>
                <p>Fruit Price:{{item.price}}</p>
            </li>
        </ul>


    </div>

    <script>
        var app_for = new Vue({
            el:'#app_for',

            data:{
                is:true,
                items:[
                    {name:'apple',price:1.3},
                    {name:'banana',price:1.5},
                    {name:'pear',price:1.8},
                ]
            }
      })

    </script>
</body>
</html>